
/*give menu5 a black background...*/
  


/*I am hiding all demo menus...*/
  .demo {display:none;}
/*...but I could have left them visible and set all image sizes to a standard 48px...*/
  .demo img {border:0px none; padding:0px; width:48px; height:48px; vertical-align:top;}



/***************************
**  JQDOCK : EXAMPLE CSS  **
***************************/
/*place the various demo menus around the screen (note: 1, 3, 4 and 7 are horizontal; 2, 5 and 6 are vertical)...*/
  #menu1 { 
  	float:left;
  	margin-left:25px;
	margin-top:120px;
   	background-color:#ffff99;
   
   }
 

/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
  /*...let's set some defaults...*/
  div.jqDockLabel {border:0px none; padding:0px 4px; font-weight:bold; font-size:16px; font-style:italic; white-space:nowrap; color:#8DC63F; background-color:transparent;}
  div.jqDockLabelLink {cursor:pointer;}
  div.jqDockLabelImage {cursor:default;}
  /*...and some overrides...*/
  /*...give the right-hand vertical a smaller, non-bold, deep red label, on a white background...*/
  #menu2 div.jqDockLabel {color:#cc0000; background-color:#ffffff; padding:1px; font-size:12px; font-weight:normal;}
  /*...and the left-hand vertical (with the black background) a white, smaller, label...*/
  #menu5 div.jqDockLabel {color:#ffffff; padding:0px;}

